<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <script>
         window.onload = function(){
            var input_element = document.getElementsByTagName("input");
            input_element[4].onclick=function(){
            var a = parseFloat(input_element[0].value);
            var b =  parseFloat(input_element[1].value);
            var c =  parseFloat(input_element[2].value);
            
            if(((a+b)>c)&&((a+c)>b)&&((c+b)>a)){
                var p = (a+b+c)/2;
            input_element[3].value =Math.sqrt(p*(p-a)*(p-b)*(p-c));
            }
            else{
                input_element[3].value="不能构成三角形" ;
            }
        }
            input_element[5].onclick=function(){
            input_element[0].value = "";
            input_element[1].value = "";
            input_element[2].value = "";
            input_element[3].value = "";
        }
         }
     </script>
</head>
<body>
    <h1>请输入三角形的三边</h1>
    <form action="">
        <input type="text" name="" id="" placeholder="请输入第一条边">
        <input type="text" name="" id="" placeholder="请输入第二条边">
        <input type="text" name="" id="" placeholder="请输入第三条边">
        <input type="text" name="" id="" placeholder="请输入第三角形的结果和面积">
        <input type="button" value="确定">
        <input type="button" value="重置">
    </form>
</body>
</html>